<template>
 <div class="yd-cell-box">
   <div class="yd-cell">
     <div class="yd-cell-item">
       <div class="yd-cell-left">
         <slot name="lefticon"></slot>
         <slot name="leftinput"></slot>
       </div>
       <div class="yd-cell-right">
         <slot name="righticon"></slot>
         <slot name="rightinput"></slot>
       </div>
     </div>
   </div>
 </div>
</template>

<script type="text/ecmascript-6">
import headTop from 'components/header/head'
  export default {
  data(){
  return{}
   },
   created(){
   },
   mounted(){
   },
   computed: {
   },
   methods: {
   },
   components:{
    headTop
   }
  }
</script>
<style scoped lang="scss" rel="stylesheet/scss">
@import '../../../style/mixin';
.yd-cell-box {
  margin-bottom:0.5rem;
}
.yd-cell {
  background-color: #fff;
  position: relative;
  z-index: 5;
}
.yd-cell-item {
  display: flex;
  position: relative;
  padding-left: 12px;
  overflow: hidden;
}
.yd-cell-left, .yd-cell-right {
  display: flex;
  align-items: center;
}
yd-cell-right {
  /* -webkit-box-flex: 1; */
  /* -webkit-flex: 1; */
  -ms-flex: 1;
  /* flex: 1; */
  /* width: 100%; */
  min-height: 50px;
  color: #525252;
  text-align: right;
  font-size: 13px;
  padding-right: 12px;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
</style>
